.class-detail{
	padding: 70rpx 20rpx 20rpx 20rpx;
}
/* 头部样式 */
.header-box {
  position: relative;
  padding: 10rpx 0rpx 16rpx;
  background: var(--primary-color);
  border-radius: 0 0 40rpx 40rpx;
  box-shadow: var(--shadow);
}
.back-btn {
  position: absolute;
  left: 30rpx;
  top: 40rpx;
  z-index: 10;
  padding: 12rpx 24rpx;
  border-radius: 40rpx;
  background: rgba(255, 255, 255, 0.15);
  transition: all 0.3s;
}

.title {
    text-align: center;
    margin: 0 20rpx;
    padding:50rpx 0 50rpx 0;
    font-weight: bold;
    font-size: 44rpx;
    border-bottom: 1rpx solid #f1f1f1; /* 添加分割线 */
}

.class-info{
	border: 2rpx solid #e0e0e0;
	margin: 30rpx 30rpx 0 30rpx;
	position: relative; /* 为绝对定位按钮提供基准 */
	padding: 20rpx;
	min-height: 200rpx;
	border-radius: 15rpx;
}

.class-title{
	width: 100%;
	height: 80rpx;
	border-radius: 15rpx 15rpx 5rpx 5rpx;
	background-color: #e0e0e0;
	line-height: 80rpx;
	padding-left: 20rpx;
	box-sizing: border-box;
	font-weight: bold;
	margin-bottom: 10rpx;
}

.class-name, .student-total{
  padding: 10rpx 20rpx;
  display: block;
}

/* 班级学生列表区域样式 */
.class-student {
	padding: 15px;
	height: calc(100vh - 750rpx);
}
.info-text {
		margin-right: 180rpx; /* 为按钮预留空间 */
	}
.student-item {
	display: flex;
    align-items: center;
    margin-bottom: 30rpx;
    padding: 20rpx;
	width: 85%;
    border: 2rpx solid #efefef;
    border-radius: 20rpx;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.student-avatar image{
    width: 90rpx;
    height: 90rpx;
    border-radius: 50%;
    margin-right: 15px;
	/* 保证图片缩放比例 */
	object-fit: cover; 
	aspect-ratio: 1/1;
}

.student-info{
	display: flex;
	flex-direction: column;
	font-size: 30rpx;
}

.student-name{
	margin-bottom: 5rpx;
}

.inputstudentid, .inputname {
    margin: 0 auto;
    padding: 0 20rpx; 
    border-radius: 12rpx;
    height: 90rpx; 
    width: 90%;
    font-size: 28rpx;
	border: 2rpx solid #ddd;
    background-color: #f9f9f9;
}

.inputstudentid{
	margin-bottom: 15rpx;
}

.radio {
    margin: 10rpx 10rpx 0 10rpx;
    display: flex;
    flex-direction: row;
    gap: 40rpx;
}

.radio label {
    display: flex;
    align-items: center;
    color: #333;
    padding: 10rpx 0;
}
.attendance-btn {
		/* 基础样式 */
		width: 150rpx;
		height: 60rpx;
		border-radius: 40rpx;
		background: #52C41A;
		color: white;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 20rpx;
		transition: all 0.2s;
		box-shadow: 0 4rpx 12rpx rgba(82,196,26,0.2);
		
		/* 定位调整 */
		position: absolute;
		right: 40rpx;
		top: 140rpx;
}
/* 教师按钮样式 */
	.attendance-btn.teacher {
		background: #1890FF;
		box-shadow: 0 4rpx 12rpx rgba(24,144,255,0.2);
	
	}
	.attendance-btn:active {
			transform: scale(0.95);
			opacity: 0.9;
		}